<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>question1</title>
    <style>
        body {
            width: 970px;
            margin: 0 auto;
        }

        .box0 {
            width: 277px;
            height: 103px;
            margin-bottom: 10px;
            background-color: red;
            float: left;
        }

        .box1 {
            width: 137px;
            height: 49px;
            margin-bottom: 8px;
            background-color: lawngreen;
            float: right;
        }

        .box2 {
            width: 679px;
            height: 46px;
            margin-bottom: 10px;
            background-color: lawngreen;
            float: right;
        }

        .box3 {
            width: 310px;
            height: 435px;
            margin-bottom: 10px;
            margin-right: 10px;
            background-color: orange;
            float: left;
        }

        .box4 {
            width: 450px;
            height: 240px;
            margin-bottom: 10px;
            margin-right: 10px;
            background-color: cornflowerblue;
            float: left;
        }

        .box5 {
            width: 450px;
            height: 110px;
            margin-bottom: 10px;
            margin-right: 10px;
            background-color: cornflowerblue;
            float: left;
        }

        .box6 {
            width: 450px;
            height: 30px;
            margin-bottom: 10px;
            margin-right: 10px;
            background-color: cornflowerblue;
            float: left;
        }

        .box7 {
            width: 190px;
            height: 400px;
            margin-bottom: 10px;
            background-color: palevioletred;
            float: right;
        }

        .box8 {
            width: 650px;
            height: 25px;
            margin-bottom: 10px;
            background-color: darkgreen;
            float: left;
        }

        .box9 {
            width: 970px;
            height: 35px;
            background-color: blue;
            float: left;
        }
    </style>
</head>
<body>
<div>
    <div class="box0"></div>
    <div class="box1"></div>
    <div class="box2"></div>
</div>
<div>
    <div class="box3"></div>
    <div class="box4"></div>
    <div class="box7"></div>
    <div class="box5"></div>
    <div class="box6"></div>
    <div class="box8"></div>
</div>
<div class="box9"></div>
</body>
</html>